<template>
<div class="layout">
    <slot name="header">
        <Head />
    </slot>

    <div class="bannerArea">
        <div class="banner">
            <img :src="require('../assets/images/banner.jpg')" alt />
        </div>
    </div>

    <slot />

    <slot name="footer">
        <Foot />
    </slot>
</div>
</template>
<script lang="ts">
import Vue from "vue";
import {
    Component
} from "vue-property-decorator";
import Head from "./header.vue";
import Foot from "./footer.vue";

@Component < Layout > ({
    components: {
        Head,
        Foot
    },
    data() {
        return {};
    },
    mounted() {}
})
export default class Layout extends Vue {
    // @Prop({
    //     type: String,
    //     default: ''
    // })
    // public title!: string;
}
</script>
<style lang="less" scoped>
</style>
